import { createRouter,createWebHistory } from 'vue-router';
import { mulRoutes } from './mulRoutes/index';
import useConcatRoutes from './concatRoutes/index';
import UsePiniaRoutes from "./usePinia/index";

import usePropsParent from '@/components/UseProps/index.vue';
import UseHooks from '@/components/useHooks/index.vue';
const UseSlot = () => import("@/views/useSlot/index.vue");
const UseCustomRef = () => import("@/views/useCustomRef/index.vue");



export const routes = [
    {
        path: '/useHooks',
        component: UseHooks
    },
    {
        path: '/useProps',
        component: usePropsParent
    },
    {
        path: '/useSlot',
        component: UseSlot
    },
    {
        path: '/useCustomRef',
        component: UseCustomRef
    }
]

const allRoutes = routes.concat(mulRoutes,...UsePiniaRoutes as any,...useConcatRoutes as any);


const router = createRouter({
    history: createWebHistory(),
    routes: allRoutes
})

export default router;